<script setup>
import ShopList from "../../../components/shop-list/index";
import { imgUrl } from "../../../utils/global";

</script>

<template>
  <view class="app-detail">
    <image
      class="detail-img"
      :src="imgUrl('/static/img/imgs/thumb2.png')"
      mode="aspectFill"
    ></image>

    <view class="info-wrapper">
      <text>亭林医院体检中心</text>
      <view class="tag-wrapper">
        <text class="tag-active">距您最近</text>
        <text>体检中心</text>
        <text>免费WiFi</text>
      </view>
      <view class="info-row">
        <image
          class="info-icon"
          :src="imgUrl('/static/img/imgs/time.png')"
          mode="aspectFit"
        ></image>
        <view class="row-wrapper">
          <text>周二至周日：07:30-15:30</text>
          <text>采血截止时间：10:30</text>
        </view>
        <view class="right-wrapper">
          <image
            class="right-icon"
            :src="imgUrl('/static/img/imgs/phonecall.png')"
            mode="aspectFill"
          ></image>
          <text>电话</text>
        </view>
      </view>

      <view class="info-row">
        <image
          class="info-icon"
          :src="imgUrl('/static/img/imgs/location.png')"
          mode="aspectFill"
        ></image>
        <view class="row-wrapper">
          <text>上海市金山区亭林医院体检中心松金公路5265号</text>
          <text>采血截止时间：10:30</text>
        </view>
        <view class="right-wrapper">
          <image
            class="right-icon"
            :src="imgUrl('/static/img/imgs/location2.png')"
            mode="aspectFill"
          ></image>
          <text>导航</text>
        </view>
      </view>
    </view>

    <view class="shop-list">
      <view class="list-header">
        <view class="header-left">
          <text>体检套餐</text>
          <view></view>
        </view>
      </view>

      <view class="list-content">
        <ShopList :data="[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]" />
      </view>
    </view>
  </view>
</template>

<style src="./style.scss" scoped />
